import Taro, { Component } from '@tarojs/taro'
import { View, Text, Image, Button } from '@tarojs/components'

import { IProps, IState } from './schemas'

import CloverImage from '../../assets/cloverActive@2x.png'

import './index.scss'

export default class XShare extends Component<IProps, IState> {
    render() {
        return (
            <View className='share'>
                <View className='inline'>
                    <Text className='caption'>每日首次分享可获得</Text>
                    <Image src={CloverImage} mode='widthFix' className='image' />
                    <Text className='number'>幸运草 x5</Text>
                </View>
                <Button size='mini' openType='share' style={{margin: 0}}>分享给好友</Button>
            </View>
        )
    }
}